<script setup>
import { useLoadingStore, useThemeStorage } from '@/stores'
const themeStore = useThemeStorage()
const loadingStorage = useLoadingStore()
</script>

<template>
	<n-config-provider :theme="themeStore.getTheme()">
		<n-loading-bar-provider>
			<n-message-provider>
				<n-modal-provider>
					<n-dialog-provider >
						<n-spin :show="loadingStorage.getLoading() > 0" :delay="500">
							<router-view />
						</n-spin>
					</n-dialog-provider>
				</n-modal-provider>
			</n-message-provider>
		</n-loading-bar-provider>
	</n-config-provider>
</template>

<style></style>
